<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">
    
    <ui:define name="cabecera">
        <title>Sistema de registro de especímenes de zoología</title>
        
    </ui:define>
    <ui:define name="contenido">
        
                <h:form id="addButton">
                    <p:commandButton value="Nuevo municipio" actionListener="#{municipioBean.prepararAdicion}" update=":dialogo:panelMunicipio" oncomplete="dialogoMunicipio.show()" />
                </h:form>
                
                <h1>Gestión de Municipios</h1>
                <br/>
                <h:form id="tabla">
                    
                    <p:dataTable id="tablacrud" var="municipio" value="#{municipioBean.listaMunicipios}"
                                 rowKey="#{municipio.codigomunicipio}">
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Nombre"/>
                            </f:facet>
                            <h:outputText value="#{municipio.nombre}" />
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Departamento"/>
                            </f:facet>
                            <h:outputText value="#{municipio.departamento.nombre}"/>
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Latitud"/>
                            </f:facet>
                            <h:outputText value="#{municipio.latitud}"/>
                        </p:column>
                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Longitud"/>
                            </f:facet>
                            <h:outputText value="#{municipio.longitud}"/>
                        </p:column>
                        
                         <p:column>
                            <f:facet name="header">
                                <h:outputText value="Cabecera"/>
                            </f:facet>
                             <p:selectBooleanCheckbox value="#{municipio.cabecera}"/>
                        </p:column>
                        
                      
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Actualizar"/>
                            </f:facet>
                            <p:commandButton value="Actualizar" actionListener="#{municipioBean.prepararModificacion(municipio)}" update=":dialogo:panelMunicipio" oncomplete="dialogoMunicipio.show()">
                                
                            </p:commandButton>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Eliminar"/>
                            </f:facet>
                            <p:commandButton value="Eliminar" update="@form" actionListener="#{municipioBean.eliminarMunicipio}">
                                <f:setPropertyActionListener value="#{municipio}" target="#{municipioBean.municipio}" /> 
                            </p:commandButton>
                        </p:column>
                    </p:dataTable>
                </h:form>
    </ui:define>  
    
    <ui:define name="extra">
        <p:dialog header="Gestión de municipio" widgetVar="dialogoMunicipio"  
                  resizable="false" modal="true" showEffect="fade" width="500">
            <h:form id="dialogo">
                <h:messages/>
                <h:panelGrid id="panelMunicipio" columns="2" style="margin-bottom:10px">

                    <h:outputLabel for="nombre" value="Nombre:" />
                    <h:inputText id="nombre" value="#{municipioBean.municipio.nombre}"/>

                              
                    
                    <h:outputLabel for="departamento" value="Departamento:" />
                    <h:selectOneMenu id="departamento" value="#{municipioBean.municipio.departamento}" required="true">
                        <f:selectItem itemLabel="Seleccione..." itemValue="" />
                        <f:selectItems value="#{municipioBean.itemsDepartamentos}"/>
                        <f:converter converterId="departamentoConverter" />
                    </h:selectOneMenu>
                    
                    
                   
                     <h:outputLabel for="latitud" value="Latitud:" />
                    <h:inputText id="latitud" value="#{municipioBean.municipio.latitud}"/>
                    
               
                     <h:outputLabel for="longitud" value="Longitud:" />
                    <h:inputText id="longitud" value="#{municipioBean.municipio.longitud}"/>
                    
                     <p:outputLabel for="cabecera" value="Cabecera:" />
                     <p:selectBooleanCheckbox id="cabecera" value="#{municipioBean.municipio.cabecera}"/>
                   

                    
                </h:panelGrid>
                
                <p:commandButton value="Agregar municipio" update=":tabla:tablacrud" oncomplete="dialogoMunicipio.hide();" actionListener="#{municipioBean.agregarMunicipio}" />
                <p:commandButton value="Actualizar municipio" update=":tabla:tablacrud" oncomplete="dialogoMunicipio.hide();" actionListener="#{municipioBean.actualizarMunicipio}" />
                
            </h:form>
        </p:dialog>
    </ui:define>
    
</ui:composition>

